@baseFontSize: 75; //基于视觉稿横屏尺寸/100得出的基准font-size
@width: 90%;
@paddingWrap: unit(29/@baseFontSize, rem);
@marginPartTop: unit(50/@baseFontSize, rem);
// 单行文本
.textOverflow{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
// 多行文本
.mulTextOverflow{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.banner{
	margin-bottom: 0px;
}

// 楼盘名称
.floor-name{
	height: 1.866666rem;
	display: flex;
	justify-content: space-between;
	background: #fff;
	padding: 0.266666rem;
	border-radius: 0.133333rem;
	.left{
		img{
			width: 1.333333rem;
			height: 1.333333rem;
			object-fit: cover;
			border-radius: 0.133333rem;
		}
	}
	.right{
		width: 6.8rem;
		display: flex;
		justify-content: space-between;
		flex-direction: column;
		font-size: 0.32rem;
		color: #979899;
		.floor-title{
			display: flex;
			justify-content: space-between;
			align-items: center;
			h3{
				font-size: 0.373333rem;
				color: #323233;
			}
		}
		.primary{
			background: #7BAE6F;
		}
		.floor-status{
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
	}
}
// 信息导航
.floor-nav{
	display: flex;
	width: 100%;
	height: 0.8rem;
	justify-content: space-between;
	align-items: center;
	color: #fff;
	background: #376d70;
	border-radius: 0.133333rem;
	.floor-nav-item{
		width: 25%;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	.active{
		font-weight: 600;
	}
	a{
		color: #fff;
		font-size: 0.32rem;
	}
}
// 轮播
.slider-for{
	width: 100%;
	height: 5rem;
	border-radius: 0.133333rem;
	overflow: hidden;
	img{
		width: 100%;
		height: 5rem;
		object-fit: cover;
		
	}
}
.slick-nav-bar{
	width: 100%;
	height: 1.333333rem;
	.slider-nav{
		width: 100%;
		height: 100%;
	}
	.slider-nav-item{
		
	}
	.slick-current{
		img{
			border-color: #E15E6D;
		}
	}
	img{
		height: 1.333333rem;
		object-fit: cover;
		border: 1px solid transparent;
	}
}
.slider-nav{
	display: flex !important;
	align-items: center;
}
// 楼盘介绍
.floor-info{
	padding: 0.266666rem;
	color: #666;
	font-size: 0.373333rem;
	background: #fff;
	border-radius: 0.133333rem;
	table{
		width: 100%;
		height: 100%;
	}
	td{
		padding: 4px 0;
	}
	.price{
		color: #E15E6D;
	}
	.title{
		width: 2rem;
		color: #333;
		font-weight: 600;
		vertical-align: top;
		
	}
	.content{
		width: 6.666666rem;
		vertical-align: top;
	}
}
// 标题
.part-title{
	font-size: 0.373333rem;
	color: #376D70;
	line-height: 1;
	border-left: 3px solid #376D70;
	padding-left: 0.2rem;
}
// 基本信息
.floor-base{
	width: 100%;
	padding: 0.266666rem;
	border-radius: 0.133333rem;
	font-size: 0.373333rem;
	color: #333;
	font-weight: 600;
	background: #fff;
	.base-name{
		font-size: 0.373333rem;
		color: #333;
		margin-bottom: 0.266666rem;
	}
	.base-describe{
		line-height: 1.5;
		font-size: 0.32rem;
		color: #999;
		font-weight: 400;
	}
}
.floor-base-table{
	color: #666;
	font-size: 0.32rem;
	text-align: left;
	thead{
		border-bottom: 1px solid #999;
	}
	td,th{
		padding: 5px 0;
	}
	.title{
		width: 1.9rem;
		color: #999;
		font-weight: 600;
		vertical-align: top;
	}
	.content{
		width: 6.666666rem;
		vertical-align: bottom;
		font-weight: 400;
		color: #333;
	}
	.price{
		color: #E15E6D;
	}
}
// 户型图
.house-type{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.house-type-item{
	width: 4.466666rem;
	height: 4.666666rem;
	overflow: hidden;
	border-radius: 0.133333rem;
	border: 1px solid #dcdcdc;
	background: #fff;
	&:nth-of-type(n+3){
		margin-top: 0.266666rem;
	}
	.house-type-img{
		width:100% ;
		height: 3.8rem;
		position: relative;
		img{
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
	}
	.house-type-info{
		width: 100%;
		height: 0.533333rem;
		font-size: 0.266666rem;
		color: #fff;
		padding: 0 0.266666rem;
		background: rgba(55,109,112,0.80);;
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: absolute;
		left: 0;
		bottom: 0;
	}
	.house-type-name{
		font-size: 0.32rem;
		color: #333;
		text-align: center;
		line-height: 0.933333rem;
	}
}
.time-line{
	width: 100%;
	padding: 0.266666rem;
	border-radius: 0.133333rem;
	font-size: 0.373333rem;
	color: #333;
	font-weight: 600;
	background: #fff;
	.layui-timeline-axis{
		font-size: 0.266666rem;
		color: #c7c9bd;
	}
	.send-time{
		font-size: 0.266666rem;
		color: #999;
	}
	.title{
		&:extend(.textOverflow);
		display: block;
		width: 100%;
		color: #333 !important;
		font-size: 0.32rem;
	}
	.event{
		// &:extend(.mulTextOverflow);
		font-size: 0.266666rem;
		font-weight: 400;
		color: #999;
		a{
			color: #376D70;
		}
	}
}